import { StyleSheet } from 'react-native';
import { APP_BLACK, APP_RED, APP_YELLOW } from '../../../../constant/color';
import { phonePx } from '../../../../util/adapt';
import {
  LIVE_AREA,
  CLASS_ROOM_RIGHT_SCALE,
  LIVE_AREA_HEIGHT
} from '../../constant';

export default StyleSheet.create({
  container: {
    position: 'absolute',
    top: 0,
    right: 0,
    width: LIVE_AREA,
    height: LIVE_AREA_HEIGHT,
    alignItems: 'center',
    backgroundColor: APP_BLACK
  },
  desc: {
    marginTop: phonePx(24) * CLASS_ROOM_RIGHT_SCALE,
    fontSize: phonePx(18) * CLASS_ROOM_RIGHT_SCALE,
    color: APP_YELLOW,
    lineHeight: phonePx(27) * CLASS_ROOM_RIGHT_SCALE,
    fontWeight: '700'
  },
  time: {
    marginTop: phonePx(4),
    fontSize: phonePx(41) * CLASS_ROOM_RIGHT_SCALE,
    color: APP_YELLOW,
    lineHeight: phonePx(50) * CLASS_ROOM_RIGHT_SCALE,
    fontWeight: '900'
  },
  alert: {
    color: APP_RED
  }
});
